<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!doctype html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>作者详情</title>

<link rel="stylesheet"
	href="http://localhost:8080/bookEstore/css/style.css" type="text/css"
	media="screen" />
<link rel="stylesheet"
	href="http://localhost:8080/bookEstore/css/demo.css" type="text/css"
	media="screen" />
<link rel="stylesheet"
	href="http://localhost:8080/bookEstore/css/substyle.css" type="text/css"
	media="screen" />



<script type="text/javascript"
	src="http://localhost:8080/bookEstore/js/jquery.min.js"></script>

</head>
<body>
	<div id="art-main">
		<p class="topbar">&nbsp;</p>
		<!-- art-sheet-->
		<div class="art-sheet" style="min-height:1510px;">
			<!-- art-header -->
			<div class="art-header">
				<div class="art-header-png"></div>
				<div class="estore">
					<h1 style="font-size:30px;margin:30px 0 10px 0;">Estore图书商城</h1> 
					<!-- art-blockcontent-body -->
					<div class="art-blockcontent-body">
						
							<form method="post" id="loginForm"
							action="${pageContext.request.contextPath}/user"><input
								type="hidden" name="method" value="login">
								<table style="margin-left:10px;">
									<tr>
										<td colspan="2"><font color='red' style="margin-top:-10px;">${requestScope["login.message"]
																	}</font>
									</td>
								</tr>
									<tr>
										<td class="login">用户名：</td>
										<td><input type="text" value="" name="username"
											id="username" /><br /></td>
								</tr>
									<tr>
										<td class="login">密码：</td>
										<td><input type="password" value="" name="password"
											id="password" /></td>
								</tr>
									<tr class="rem">
										<td colspan="2">
										    <input type="checkbox" name="remember"
											value="on" />记住用户 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
											<input type="checkbox" name="autologin"
											value="on" />自动登陆</td>
								</tr>
									<tr>
										<td colspan="2"><input class="art-button" type="submit"
											name="loginbtn" value="登陆" style="margin-right:10px;"/><button class="art-button"><a
												href='${pageContext.request.contextPath}/regist.jsp' style="color:white;">注册</a></button>
									    </td>
									   
								
									</tr>
							</table></form>
					
					

				</div> 
				<!-- art-blockcontent-body -->
			
			</div>
		</div> 
		<!-- art-header -->
		<!--leftside-->
			<aside id="leftside" style="min-height:1200px;">
			<!-- parto -->
				<div class="parto">
					<h1>图书类别</h1>
					<div>
						<ul>
							<li><img src="images/plane.png" height="22" width="24" />&nbsp;&nbsp;<a
								href="#">小说</a></li>
							<li><img src="images/plane.png" height="22" width="24" />&nbsp;&nbsp;<a
								href="#">童书</a></li>
							<li><img src="images/plane.png" height="22" width="24" />&nbsp;&nbsp;<a
								href="#">学习考试</a></li>
							<li><img src="images/plane.png" height="22" width="24" />&nbsp;&nbsp;<a
								href="#">文学</a></li>
							<li><img src="images/plane.png" height="22" width="24" />&nbsp;&nbsp;<a
								href="#">音乐</a></li>
							<li><img src="images/plane.png" height="22" width="24" />&nbsp;&nbsp;<a
								href="#">艺术</a></li>
							<li><img src="images/plane.png" height="22" width="24" />&nbsp;&nbsp;<a
								href="#">科技</a></li>
					</ul>
				</div>
			</div>
			<!-- parto -->
			
	       <!-- parto -->
	       	<div class="parto" style="margin-top:10px;">
					<h1>最新图书</h1>
					<div>
						<ul>
							<li><img src="images/star.png" height="22" width="24" />&nbsp;&nbsp;<a
								href="#">告白与告别</a></li>
							<li><img src="images/star.png" height="22" width="24" />&nbsp;&nbsp;<a
								href="#">如果我能说了算</a></li>
							<li><img src="images/star.png" height="22" width="24" />&nbsp;&nbsp;<a
								href="#">最遥远的距离</a></li>
							<li><img src="images/star.png" height="22" width="24" />&nbsp;&nbsp;<a
								href="#">从你的世界经过从你的世界经过从你的世界经过</a></li>
							<li><img src="images/star.png" height="22" width="24" />&nbsp;&nbsp;<a
								href="#">再美也美不过想象</a></li>
							<li><img src="images/star.png" height="22" width="24" />&nbsp;&nbsp;<a
								href="#">愿有人陪你颠沛流离</a></li>
							<li><img src="images/star.png" height="22" width="24" />&nbsp;&nbsp;<a
								href="#">笑猫日记</a></li>
							<li><img src="images/star.png" height="22" width="24" />&nbsp;&nbsp;<a
								href="#">再美也美不过想象</a></li>
							<li><img src="images/star.png" height="22" width="24" />&nbsp;&nbsp;<a
								href="#">愿有人陪你颠沛流离</a></li>
							<li><img src="images/star.png" height="22" width="24" />&nbsp;&nbsp;<a
								href="#">笑猫日记</a></li>
					</ul>
				</div>
			</div>
			<!-- parto -->
		</aside> 
		<!-- leftside-->
		
		
		
	
				
	  	   <div id="introduce">		
			   
				<div class="authorDis">
				     <img src="images/intro.png" style="margin:0 20px 20px 0;float:left;"/>
				     <span style="width:250px;margin-left:10px;text-indent:2em;">
				                            台湾大学企管系毕业，担任台湾电视公司新闻记者/主播多年后，去美国加州大学洛杉矶分校取得了企管硕士(MBA)的学位。
				       2002年开始，她受到启发与指引，辞去高薪的工作，专心研修瑜伽以及各类心灵成长课程。五年多来，
				                    学习了各种不同的心灵成长以及心理治疗方法，并且博览中英文有关著作，透过时时刻刻活在当下以及观察自己的修炼，
				                    得到了许多灵性及个人成长方面的心得体悟。取得了中国国家心理咨询师的执照。
				    </span>
				</div>
							       
				
			     <script type="text/javascript">
                     $(function(){
	                $(".left_nav dt").addClass("dt");
	                $(".left_nav dd").addClass("dd");
	                $(".search").focus(function(){
	           		    $(this).val(" ");
	           		 });
                 });
     

                 </script>	
                      
			      <div class="left_nav art-vmenu" style="float:right;">
                     <dl>
                        <dt class="remove">导航菜单</dt>
                        <dd><a href="${pageContext.request.contextPath}/index.jsp">主页
											</a> </dd>
                        <dd><a href="${pageContext.request.contextPath}/addProduct.jsp">添加商品
											</a></dd>
                        <dd><a
												href="${pageContext.request.contextPath}/showCart.jsp">查看购物车
											</a></dd>
                        <dd><a
												href="${pageContext.request.contextPath}/order?method=search">查看订单
											</a></dd>
                        <dd><a
												href="${pageContext.request.contextPath}/download">下载榜单
											</a></dd>
						 <dd><a href="#">关于我们</a></dd>
					     <dd><a href="#">联系方式</a></dd>
                         </dl>
                         <input type="text" value="搜索" maxlength="30" class="search"><span style="background:#87520E; color:white; padding:7px 9px 11px 10px;">search</span>
	
                 </div>
				
								
			<div id="floatpart" style="margin:20px 0;">
		      <h3 class="com" style="margin-bottom:10px;">可能喜欢</h3>
		      <div class="marside">
		            <figure>
		                <img src="images/book.png" width="139" height="115">
		                <figcaption>如果我能说了算</figcaption>
		                <span><a href="#">速速抢购</a></span>
		            </figure>
		            <figure>
		                <img src="images/book5.png" width="139" height="115">
		                <figcaption>如果我能说了算</figcaption>
		                <span><a href="#">速速抢购</a></span>
		            </figure>
		            <figure>
		                <img src="images/book2.png" width="139" height="115">
		                <figcaption>如果我能说了算</figcaption>
		                <span><a href="#">速速抢购</a></span>
		            </figure>
		            <figure style="margin-right:0px;">
		                <img src="images/bookname.png" width="139" height="115">
		                <figcaption>如果我能说了算</figcaption>
		                <span><a href="#">速速抢购</a></span>
		            </figure>
		            
		      </div>
		      <div>
		            <figure>
		                <img src="images/book.png" width="139" height="115">
		                <figcaption>如果我能说了算</figcaption>
		                <span><a href="#">速速抢购</a></span>
		            </figure>
		            <figure>
		                <img src="images/book5.png" width="139" height="115">
		                <figcaption>如果我能说了算</figcaption>
		                <span><a href="#">速速抢购</a></span>
		            </figure>
		            <figure>
		                <img src="images/book2.png" width="139" height="115">
		                <figcaption>如果我能说了算</figcaption>
		                <span><a href="#">速速抢购</a></span>
		            </figure>
		             <figure style="margin-right:0px;">
		                <img src="images/bookname.png" width="139" height="115">
		                <figcaption>如果我能说了算</figcaption>
		                <span><a href="#">速速抢购</a></span>
		            </figure>
		           
		      </div>
		      
		</div>       
						             
						            
					           
                       <!-- 中间部分 -->
                      
					
					<div class="art-article" style="background:#87520E;padding:10px 0 10px 10px;margin-top:25px;">
					    <script type="text/javascript" src="http://localhost:8080/bookEstore/js/demo.js"></script>
					     <div id="left"> <a href="javascript:void(0);" class="js-prev" style="margin-left:5px;"><img  src="images/button_left.png" alt="Previous" /></a></div>
                          <ul id="images">
                              <li class="slide" role="1"><a href="javascript:void(0)" class="small-img slide-img"><img onclick="lightbox()"  src="images/scroll1.png" title="Home made" /></a></li>
                              <li class="slide" role="2"><a href="javascript:void(0)" class="small-img slide-img"><img  onclick="lightbox()"   src="images/scroll2.png" title="Chocolate" /></a>
                                    <div class="overlay"></div>
                              </li>
                              <li class="slide" role="3"><a href="javascript:void(0)" class="small-img slide-img"><img  onclick="lightbox()"   src="images/scroll3.png" title="Love birds" /></a>
                                    <div class="overlay"></div>
                              </li>
                              <li class="slide" role="3"><a href="javascript:void(0)" class="small-img slide-img"><img  onclick="lightbox()"  src="images/scroll4.png" title="Love birds" /></a>
                                    <div class="overlay"></div>
                              </li>
                              <li class="slide" role="3"><a href="javascript:void(0)" class="small-img slide-img"><img  onclick="lightbox()"   src="images/scroll1.png" title="Love birds" /></a>
                                    <div class="overlay"></div>
                              </li>
                        </ul>
                        <div id="right"> <a href="javascript:void(0);" class="js-next"><img  src="images/button_right.png" alt="Next" style="margin-left:-10px;"/></a> </div>
			        </div>
					
					
			
						

	
			</div>
			</div>	
		</div>
		<!-- art-sheet-->
		 <footer style="padding-bottom:20px;margin-top:20px;" id="footer">
        
            <div>&nbsp;</div>
            <p style="background:#87520E; height:40px;">&nbsp;</p>
        </footer>




</body>
</html>
